<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta name="format-detection"
          content="telephone=no,email=no,date=no,address=no">
    <title>购物车</title>
    <!--<script src="../js/flexible.js"></script>-->
    <link rel="stylesheet" href="../css/aui.2.0.css">
    <link rel="stylesheet" href="../css/alert.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/cart.css">
</head>
<body class="default" style="background-color: #f0f0f0">
<header class="aui-bar aui-bar-nav my-bar-nav" id="aui-header">
    <div class="aui-title">购物车</div>
    <a href="javascript:;" class="right nojump">编辑</a>
</header>
<nav>

    <ul id="cart-box">


    </ul>
    <!--<div class="footer-default"></div>-->
    <div class="cart-wind">
        <div class="choose-box">
            <input type="checkbox" class="choose edit-hide" id="allChoose" checked>
            <input type="checkbox" class="choose editCart" id="editChoose">
            <span>全选</span>
        </div>
        <div class="cart-money-count edit-hide">合计: ￥ <span id="totalPrice" class="total cart-sales">0.00</span>元</div>
        <a href="javascript:;" class="display-box">
            <div id="go-pay" class="cart-go-pay edit-hide">去结算 (<span id="number">0</span>)</div>
        </a>
        <a href="javascript:;" class="cart-go-pay go-pay editCart" id="delCart">删除</a>
    </div>
    <div class="null-cart">您的购物车为空，快去添加喜欢的商品吧..</div>
</nav>

<!--底部工具栏-->
<footer class="aui-bar aui-bar-tab aui-bar-tab1" id="footer">
    <a href="homePage.html">
        <div class="aui-bar-tab-item " tapmode>
            <img src="../img/home_no.png" alt="" class="footer-icon-img">
            <div class="aui-bar-tab-label">首页</div>
        </div>
    </a>
    <a href="discountMail.html">
        <div class="aui-bar-tab-item" tapmode>
            <img src="../img/discount_no.png" alt="" class="footer-icon-img">
            <div class="aui-bar-tab-label">友惠精选</div>
        </div>
    </a>
    <a href="jd_shop.html">
        <div class="aui-bar-tab-item" tapmode>
            <img src="../img/JD_click.png" alt="" class="footer-icon-img">
            <div class="aui-bar-tab-label">京东VIP</div>
        </div>
    </a>
    <a href="javascript:;">
        <div class="aui-bar-tab-item aui-active" tapmode>
            <!--<div class="aui-badge">99</div>-->
            <img src="../img/cart_click.png" alt="" class="footer-icon-img">
            <div class="aui-bar-tab-label">购物车</div>
        </div>
    </a>
    <a href="member.html">
        <div class="aui-bar-tab-item" tapmode>
            <!--<div class="aui-dot"></div>-->
            <img src="../img/member_no_click.png" alt="" class="footer-icon-img">
            <div class="aui-bar-tab-label">我的</div>
        </div>
    </a>
</footer>
<script type="text/x-handlebars-template" id="cart-template">
    {{#each products}}
    <a href="javascript:;" class="display-box">
        <li class="cart-list-box" data-skuid="{{productSkuId}}" data-productid={{productId}}>
            <!--<input class="aui-radio cart-select" type="checkbox" checked name="radio2">-->
            <div class="choose-box">
                <!--选择商品-->
                <input type="checkbox" class="choose edit-hide" name="chooseCart"checked>
                <input type="checkbox" class="choose editCart" name="editCart">
            </div>
            <img src="{{productMainImageUrl}}" alt="">
            <div class="cart-detail cart-insert-detail">
                <div class="dis-shop-detail ">
                    <span class="hongbao">红包<span>{{productHongbao}}元</span></span>
                    <span class="shop-list-name ">{{productName}}</span>
                </div>
                <div class="shop-common-price price-style">
                    <span class="shop-danjia">{{productPrice}}元</span>
                    <span>{{productOrginPrice}}元</span>
                </div>
                <div class="shop-add-sub" data-skuid="{{productSkuId}}" data-productid={{productId}}>
                    <span class="shop-sub">-</span>
                    <span class="shop-number number">{{productCount}}</span>
                    <span class="shop-add">+</span>
                </div>
            </div>
        </li>
    </a>
    {{/each}}
</script>
<script src="../js/jquery-3.0.0.min.js"></script>
<script src="../js/handlebars-v4.0.10.js"></script>
<script src="../js/alert.js"></script>
<script src="../js/config.js"></script>
<script src="../js/common1.js"></script>
<script src="../js/function.js"></script>
<script src="../js/cart1.js"></script>
</body>
</html>